.outer{
    margin-left: auto;
    margin-right: auto;
    background-color: #dddddd;
    /*overflow: hidden;*/
}
.img,.outer{
    width: 1350px;
    height: 550px;
}
#img-1{
    background-image: url("../img/slide-01.jpg");
}
#img-2{
    background-image: url("../img/slide-02.jpg");
}
#img-3{
    background-image: url("../img/slide-03.jpg");
}
.img{
    /*position: absolute;*/
    float: left;
}
#banner{
    transition: margin-left 1s;
}
.div-next{
    overflow: visible;
}
.next{
    margin-top: 20px;
}